<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <!-- <div id="box">哈哈</div> -->

    <script>
      // try-catch 解决报错问题
      // try 尝试  把有可能有出错的代码给放到try里面，尝试去执行
      // 一旦try中的代码有错，会被catch给捕获到，是不会影响后续代码的执行

      /* document.querySelector('#box').addEventListener('click', function() {
        console.log(1)
      })

      // 一旦代码有错误，会影响后续代码的执行
      console.log(2) */

      try {
        document.querySelector('#box').addEventListener('click', function() {
          console.log(1)
        })
      } catch (e) {
        // e 错误消息
        console.log('有错', e)
      }

      // 一旦代码有错误，会影响后续代码的执行
      console.log(2)
    </script>
  </body>
</html>
